import React, { useState } from "react";
import styles from "./style.module.scss";
import { Button } from "antd";

function Home() {
  const [isLightTheme, setIsLightTheme] = useState(false);

  const toggleTheme = () => {
    setIsLightTheme((prevTheme) => !prevTheme);
  };

  return (
    <div
      className={`${styles.homeContainer} ${
        isLightTheme ? styles.lightTheme : ""
      }`}
    >
      <div className={styles.headerView}>
        <Button type="link">进入3D展馆</Button>
        <Button onClick={toggleTheme}>切换主题</Button>
      </div>
      <div className={styles.contentView}>
        <div className={styles.threeD}></div>
        <div className={styles.videoView}></div>
      </div>
      <div className={styles.bottomView}></div>
    </div>
  );
}

export default Home;
